<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <!-- <base target="_blank"> -->
    <link rel="stylesheet" href="/icofont/iconfont.css">
    <link rel="stylesheet" href="/css/index.css">
    <script src="/lib/require/require.min.js" data-main="/js/index.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header></header>

    <!-- 轮播图 -->
    <div class="banner container">
        <div id="SlideBox" class="SlideBox">
            <div class="hd">
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <div class="ce">
                <ul>
                    <li><img src="/images/index/logo_1.jpg"></li>
                    <li><img src="/images/index/logo_2.jpg"></li>
                    <li><img src="/images/index/logo_3.jpg"></li>
                </ul>
            </div>
            <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
            <a class="prev" href="javascript:void(0)"><img src="/images/index/ctrl.png"></a>
            <a class="next" href="javascript:void(0)"><img src="/images/index/ctrr.png"></a>
        </div>
    </div>

    <!-- 畅销及新品 -->
    <div class="bestCeller container">
        <!-- 标题 -->
        <p>
            <span>BESTSELLER & NEW</span>畅销及新品
        </p>
        <!-- 图片滚动 -->
        <div class="picScroll-left">
            <div class="hhd">
                <a class="next"></a>
                <a class="prev"></a>
            </div>
            <div class="bd">
                <ul class="picList">
                    <li>
                        <div class="pic">
                            <a href="#" target="_blank">
                                <img src="/images/index/1.png" />
                            </a>
                            <h2>氣味圖書館 Demeter</h2>
                            <h3>【琴湯尼】 Gin Tonic 香水30ml</h3>
                            <p>
                                NT$800 <del>NT$1100</del>
                            </p>
                            <a href="#">
                                已售完
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#" target="_blank">
                                <img src="/images/index/2.png" />
                            </a>
                            <h2>氣味圖書館 Demeter</h2>
                            <h3>【琴湯尼】 Gin Tonic 香水30ml</h3>
                            <p>
                                NT$800 <del>NT$1100</del>
                            </p>
                            <a href="#">
                                已售完
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#" target="_blank">
                                <img src="/images/index/3.png" />
                            </a>
                            <h2>氣味圖書館 Demeter</h2>
                            <h3>【琴湯尼】 Gin Tonic 香水30ml</h3>
                            <p>
                                NT$800 <del>NT$1100</del>
                            </p>
                            <a href="#">
                                已售完
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#" target="_blank">
                                <img src="/images/index/4.png" />
                            </a>
                            <h2>氣味圖書館 Demeter</h2>
                            <h3>【琴湯尼】 Gin Tonic 香水30ml</h3>
                            <p>
                                NT$800 <del>NT$1100</del>
                            </p>
                            <a href="#">
                                已售完
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#" target="_blank">
                                <img src="/images/index/5.png" />
                            </a>
                            <h2>氣味圖書館 Demeter</h2>
                            <h3>【琴湯尼】 Gin Tonic 香水30ml</h3>
                            <p>
                                NT$800 <del>NT$1100</del>
                            </p>
                            <a href="#">
                                已售完
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="besrCellDiv">
            <img src="/images/index/div_1.jpg" alt="">
            <img src="/images/index/div_2.jpg" alt="">
        </div>
    </div>


    <!-- 店长推荐 -->
    <div class="recommend container">
        <!-- 标题 -->
        <p>
            <span>强档活动推销</span>店长推荐
        </p>
        <table>
            <tr id="index_tuijian1">

            </tr>
            <tr id="index_tuijian2">

            </tr>
            <tr id="index_tuijian3">

            </tr>
            <script type="text/html" id="tuijian_module">
                {{each list item}}
                <td>
                    <figure>
                        <a href="#">
                            <img src="{{item.imgUrl}}" alt="">
                        </a>
                        <figcaption>
                            <h2>{{item.title1}}</h2>
                            <h3>{{item.title1}}</h3>
                        </figcaption>
                        <p>
                            {{item.priceSmall}} <del>{{item.priceBig}}</del>
                        </p>
                        <a href="#">
                            已售完
                        </a>
                    </figure>
                    <div>
                        <i class="iconfont iconaixin"></i>
                    </div>
                </td>
                {{/each}}
            </script>

        </table>
        <div class="recommedDiv">
            <a href="#"><img src="/images/index/1.jpg" alt=""></a>
            <a href="#"><img src="/images/index/2.jpg" alt=""></a>
            <a href="#"><img src="/images/index/3.jpg" alt=""></a>
        </div>
    </div>

    <!-- 尾部 -->
    <footer></footer>

    
</body>

</html>